import { useMemo } from "react";

import { SvgProps } from "./";

/** deck upload 界面 删除问题 */
export default function TrashBin({ className, onClick }: SvgProps) {
  return useMemo(
    () => (
      <svg
        className={className}
        viewBox="0 0 1044 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="7323"
        width="200"
        height="200"
        onClick={onClick}
      >
        <path
          d="M352.474465 468.771005c-62.207578 0-119.98682 18.4514-168.487645 49.976936v452.112026h409.410215a307.653377 307.653377 0 0 0 68.006589-193.265239c-0.105437-170.490939-138.332784-308.823723-308.929159-308.823723z"
          fill="#F5E33B"
          p-id="7324"
          opacity=".5"
          className="primary-l-fill"
        ></path>
        <path
          d="M969.489292 192.738056H778.859967V84.876442c0-26.886326-23.09061-48.711697-51.347611-48.817134H315.044481c-28.257002 0-51.242175 21.930807-51.347611 48.711697v107.861614H73.067545c-16.869852 0-30.576606 12.968699-30.576606 28.889622 0 15.920923 13.706755 28.889621 30.576606 28.889621h86.036244v692.823723c0 26.359143 22.668863 47.868204 50.398682 47.868204h623.551895c27.729819 0 50.398682-21.509061 50.398682-47.868204V250.411862h86.036244c16.869852 0 30.576606-12.968699 30.576606-28.889621 0-15.920923-13.706755-28.784185-30.576606-28.784185zM324.850082 93.733114h392.856673v99.004942H324.850082V93.733114zM822.405272 933.429984H220.257002V250.411862H822.405272v683.018122zM684.494234 816.60626c16.869852 0 30.576606-12.968699 30.576606-28.889621V396.125206c0-15.920923-13.706755-28.889621-30.576606-28.889621-16.869852 0-30.576606 12.968699-30.576606 28.889621v391.69687c0 15.815486 13.706755 28.784185 30.576606 28.784184z m-163.321252 0c16.869852 0 30.576606-12.968699 30.576606-28.889621V396.125206c0-15.920923-13.706755-28.889621-30.576606-28.889621-16.869852 0-30.576606 12.968699-30.576606 28.889621v391.69687c0 15.815486 13.706755 28.784185 30.576606 28.784184z m-163.004942 0c16.869852 0 30.576606-12.968699 30.576606-28.889621V396.125206c0-15.920923-13.706755-28.889621-30.576606-28.889621-16.869852 0-30.576606 12.968699-30.576607 28.889621v391.69687c0 15.815486 13.706755 28.784185 30.576607 28.784184z"
          fill="#2c2c2c"
          p-id="7325"
          data-spm-anchor-id="a313x.7781069.0.i4"
          className="on-bg-l-fill"
        ></path>
      </svg>
    ),
    [onClick]
  );
}
